<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium quidem molestiae beatae quam earum ipsum pariatur at repellat quos dicta. Nihil nobis voluptatum iste pariatur natus iure sapiente explicabo ducimus.
			</li>
			<li>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium quidem molestiae beatae quam earum ipsum pariatur at repellat quos dicta. Nihil nobis voluptatum iste pariatur natus iure sapiente explicabo ducimus.
			</li>
			<li>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium quidem molestiae beatae quam earum ipsum pariatur at repellat quos dicta. Nihil nobis voluptatum iste pariatur natus iure sapiente explicabo ducimus.
				<ul>
					<li>小明</li>
					<li>小懒</li>
					<li>小红</li>
				</ul>
			</li>
		</ul>
		<h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis fugiat dicta odit ab iure ad rerum praesentium ducimus inventore porro quis culpa saepe aspernatur exercitationem ea obcaecati deleniti temporibus corrupti.</h1>
		<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum minus quis mollitia iusto amet voluptates excepturi vel ab nulla provident modi voluptatum fugit ducimus accusantium possimus perferendis placeat ea. Enim?</span>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus nesciunt perspiciatis perferendis deserunt non iure a ipsam officia accusamus fugit labore facilis assumenda est ex earum quaerat eveniet mollitia suscipit?</p>
		
		<script type="text/javascript">
			var bd=document.getElementsByTagName("body")[0];
			function getC(root){
				//要做什么直接做
				root.style.border="1px solid #000";
				
				//判断是否有儿子，如果有的话，把儿子作为参数传给函数体递归调用
				for(var i=0;i<root.children.length;i++){										
					getC(root.children[i])
				}
				
			}
			
			getC(bd);
		</script>
	</body>
</html>
